<!doctype html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>오설록 모바일</title>
	<? include "../inc/head.html" ?>
</head>
<body>
<div id="wrapper">
<div id="wrap">
	<? include "../inc/header.html" ?>
	<!-- shopList:S -->
	<header class="shopHead">
		<a href="#" class="prev"><img src="../imgs/shop/icon_head_prev.gif" alt="이전"></a>
		<h1>내 주문 관리</h1>
	</header>

	<div class="subContainer orderContents" id="myOrder">
		<ul class="tabSelect">
			<li class="active">
				<a href="myOrder.html">주문/배송내역</a>
				<p><img src="../imgs/mypage/bg_tabArr.gif" alt=""></p>
			</li>
			<li><a href="myOrderCancel.html">취소내역</a></li>
		</ul>
		<h2>기간별 조회</h2>
		<ul class="daySearch">
			<li class="ative gGreen"><a href="#">15일</a></li>
			<li class="side"><a href="#">1개월</a></li>
			<li><a href="#">2개월</a></li>
			<li><a href="#">3개월</a></li>
			<li><a href="#">6개월</a></li>
		</ul>



		<h2 class="fir odrNumber">
			<span class="num">주문번호 : <strong>12312311</strong></span>
			<span class="date">2013.02.26</span>
		</h2>

		<ul id="orderList">
			<li class="payComplete">
				<div class="state">결제완료</div>
				<div class="btn">
					<a href="#" class="gGray">배송조회(수취확인)</a>
					<a href="#" class="gGray">주문취소</a>
				</div>
			</li>
			<li>
				<div class="thumb">
					<a href="prdView.html"><img src="../imgs/order/@thumb.jpg" alt=""></a>
				</div>
				<div class="info">
					<p class="name">오설록 레드파파야 블랙티<span>40g</span></p>
					<p class="length">수량 : 1</p>
					<p class="coupon">쿠폰 : 4000원 할인 쿠폰</p>
					<p class="sale">24,000원</p>
					<p class="price">20,000원</p>
				</div>
			</li>
			<li>
				<div class="thumb">
					<a href="prdView.html"><img src="../imgs/order/@thumb.jpg" alt=""></a>
				</div>
				<div class="info">
					<p class="name">오설록 레드파파야 블랙티<span>40g</span></p>
					<p class="length">수량 : 1</p>
					<p class="opt">옵션 : 선물포장</p>
					<p class="sale">24,000원</p>
					<p class="price">20,000원</p>
				</div>
			</li>
			<li>
				<div class="thumb">
					<a href="prdView.html"><img src="../imgs/order/@thumb.jpg" alt=""></a>
				</div>
				<div class="info">
					<p class="name">오설록 레드파파야 블랙티<span>40g</span></p>
					<p class="length">수량 : 1</p>
					<p class="coupon">쿠폰 : 4000원 할인 쿠폰</p>
					<p class="opt">옵션 : 선물포장</p>
					<p class="sale">24,000원</p>
					<p class="price">20,000원</p>
				</div>
			</li>
			<li class="total">
				<div class="myCash">
					<p class="cash">결제금액 : <strong>35,0000</strong>원</p>
					<p class="state"><strong>결제완료</strong></p>
				</div>
				<a href="#" class="gGray">주문 상세 내역</a>
			</li>
		</ul>
		<div class="paging">
			<a href="#"><img src="/imgs/pop_btn_prev.gif" alt="이전"></a>
			<span>
				<a href="#" class="on">1</a>
				<a href="#">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#">5</a>
			</span>
			<a href="#"><img src="/imgs/pop_btn_next.gif" alt="다음"></a>
		</div>
		<ul class="helpTXT">
			<li>주문 상품의 반품/교환 신청은 PC버전 오설록몰에서 가능하며, 모바일 오설록에서는 주문상품의 취소신청만 가능합니다.</li>
			<li>주문취소는 주문 상세내역에서 신청 가능합니다.</li>
		</ul>
	</div>



	<!-- shopList:E /-->
	<? include "../inc/footer.html" ?>
</div>
<!-- ProductNavi -->
<? include "../inc/aside.html" ?>
</div>




<script>
$(".daySearch li").click(function(){
	$(".daySearch li").removeAttr("class");
	$(this).addClass("ative");
	$(this).addClass("gGreen");
	$(this).next().addClass("side");
	return false;
});

</script>
</body>
</html>






